.button {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.6em 1.2em;
  font-size: 1em;
  font-weight: 500;
  font-family: inherit;
  background-color: var(--color-primary);
  cursor: pointer;
  transition: border-color 0.25s;
  color: var(--color-button-text);
  display: flex;
  justify-content: center;
  align-items: center;

  &-disabled {
    cursor: not-allowed;
    color: var(--color-button-disabled-text);
    background-color: var(--color-button-disabled-background);
  }
}
